import React, { useState, useEffect } from 'react';
import { Button, View, Text, FlatList, Image,StyleSheet,SafeAreaView,Pressable } from 'react-native';
function Myself() {
    return (
      <View style={styles1.container}>
        <View style={styles1.header}>
          <Image style={styles1.avatar} source={{uri: 'https://cdn2.thecatapi.com/images/9g8.jpg'}} />
          <Text style={styles1.name}>Jiang</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/pay.png'}} />
          <Text>支付</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/collect.png'}} />
          <Text>收藏</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/img.png'}} />
          <Text>相册</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/card.png'}} />
          <Text>卡包</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/emojy.png'}} />
          <Text>表情</Text>
        </View>
        <View style={styles1.item}>
          <Image source={{uri: './assets/setting.png'}} />
          <Text>设置</Text>
        </View>
      </View>
    );
  }
  
  const styles1 = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#f0f0f0',
    },
    header: {
      height: 150,
      backgroundColor: '#FFF',
      alignItems: 'center',
      justifyContent: 'center',
    },
    avatar: {
      width: 70,
      height: 70,
      borderRadius: 35,
      marginBottom: 10,
    },
    name: {
      fontSize: 18,
      color: '#000',
    },
    item: {
      height: 50,
      backgroundColor: '#FFF',
      justifyContent: 'center',
      paddingLeft: 15,
      borderBottomWidth: 1,
      borderBottomColor: '#f0f0f0',
    },
  });
  export default Myself;